/**
 *  连接子应用
 */
import { MicroApp, useStore } from 'umi';
// 建议使用这种方式来引入不带路由的子应用。 否则请自行关注微应用依赖的路由跟当前浏览器 url 是否能正确匹配上，否则很容易出现微应用加载了，但是页面没有渲染出来的情况。
export default function(props) {
  var store = useStore();
  var nextProps = {};
  if (props.history) nextProps.history = props.history;
  return (
    <MicroApp
      name={props.name}
      autoSetLoading={false}
      // 微应用容器 class
      className={`microApp-${props.name}`}
      // wrapper class，仅开启 loading 动画时生效
      wrapperClassName="myWrapper"
      masterData={{
        store: store,
        ...props,
      }}
      {...nextProps}
    />
  );
}
